<!DOCTYPE html>  
<html lang="en">
{% load static %}
<head>  
    <meta charset="UTF-8">  
    <title>系统登录</title>
    <style>  
        body{  
            margin:0;  
        }
        #nav{  
            width: 100%;  
            height: 40px;
            border: rgba(56, 25, 169, 0.07) solid ;
            background-color: white;
            /*border:red solid ;*/  
            position: fixed;  
            top: 0;  
            z-index: 1000;  
        }  
        #nb{  
            width: 1200px;
            height: 40px;
            /*border: red solid;*/
            margin:0 auto;
            position: relative;
            /*left:180px;*/
                }  
        #logo{  
            width: 80px;  
            height: 40px;  
            position: absolute;  
            left:20px;  
        }  
        #logo>img{  
            width: 80px;  
            height: 40px;  
        }  
        #link>ul{  
            margin:0 ;  
            padding-left: 0;  
            position: absolute;  
            right: 20px;  
        }  
        li{  
            float: left;  
            list-style: none;  
            line-height: 40px;  
            margin-left: 120px;  
  
        }  
        li>a{  
            text-decoration: none;  
            font-family: "Microsoft Himalaya";  
            color: black;  
        }
        section{
            width: 100%;
            height: 670px;
            {#border: red solid;#}
            background-image: url("{% static 'login.jpg' %}");
            background-size: 1440px 900px;
            position: relative;
            /*top:20px;*/

        }
        form{
            {#border: red solid;#}
            width: 400px;
            height: 400px;
            top: 250px;
            left: 900px;
            position: relative;

        }
        #subBtn{
            left: 200px;
            color: #b113e2;
            position: absolute;
        }
        #zhuye{  
            width: 100%;  
            margin-top: 40px;  
        }
        p{
            text-align: center;
            color: darkgrey;
        }
        a:link    {color:midnightblue;}
        a:visited {color:darkgrey;}
        a:hover   {color: #b113e2;}
    </style>  
</head>  
<body>  
    <span id="top"></span>  
    <div id="nav">  
        <div id="nb">  
            <div id="logo">  
                <img src="{% static 'logo1.jpg' %}" alt="">
            </div>  
            <div id="link">  
                <ul>  
                   <li><a href="#top">大学课程教学过程管理系统</a></li>

                   <li><a href="/">登录</a></li>
                   <li><a href="/regist">注册</a></li>

                   <li><a href="/admin" target="_blank" >管理员登录</a></li>
                </ul>  
            </div>  
        </div>  
    </div>
    <section>

        <form method = 'post' enctype="multipart/form-data">
            {% csrf_token %}
            {{uf.as_p}}
            <input id="subBtn" type="submit" value = "SignIn" />
        </form>
        
    </section>

    <hr>  
    <p id="bottom">&#9762;&#9762; Author &#8620; SunChao cc &#9762;&#9762;</p>
<script >
    var e={{ request.session.error }};
    if (e==1){
        alert('用户名/密码错误')
    }
</script>　
</body>  
</html>  